<!DOCTYPE html>
<html>
<head>
    <title>UgovMobile</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"/>
    <link rel="stylesheet" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" />
    <link rel="stylesheet" media="screen" href="main.css"/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i8n/jquery.mobile.datebox.i8n.it.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body onload="initialize()">

    <div data-role="page" class="type-interior">

        <div data-role="header" >
            <h1>Inserisci missione</h1>
        </div>
        <!-- /header -->

        <div data-role="content">
            <div class="content-primary">

                <form action="#" method="get">

                    <div data-role="fieldcontain">
                        <label for="anno">Anno:</label>
                        <input type="text" name="anno" id="anno" value=""/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-uo" class="select">Unità org.:</label>
                        <select name="select-choice-uo" id="select-choice-uo" data-native-menu="false">
                            <option>Denominazione</option>
                            <option value="uo1">Unità org. uno</option>
                            <option value="uo2">Unità org. due</option>
                            <option value="uo3">Unità org. tre</option>
                            <option value="uo4">Unità org. quattro</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="nome">Nome:</label>
                        <input type="text" name="nome" id="nome" readonly value="Mauro"/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="cognome">Cognome:</label>
                        <input type="text" name="cognome" id="cognome" readonly value="Ingegneri"/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="matricola">Matricola:</label>
                        <input type="text" name="matricola" id="matricola" readonly value="003523"/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="codfisc">Cod. fisc.:</label>
                        <input type="text" name="codfisc" id="codfisc" readonly value="NGGMRA79P04A059W"/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-posizione" class="select">Posizione:</label>
                        <select name="select-choice-posizione" id="select-choice-posizione" data-native-menu="false">
                            <option>Comparto - Ruolo - Validità</option>
                            <option value="CC">1 - CC - 11/11/2011 a 01/01/2012</option>
                            <option value="PR">1 - PR - 11/11/2011 a 01/01/2012</option>
                            <option value="AU">1 - AU - 11/11/2011 a 01/01/2012</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="descrizione">Descrizione:</label>
                        <input type="text" name="descrizione" id="descrizione" value=""/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="luogo">Luogo:</label>
                        <input type="search" name="luogo" id="luogo" value=""/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-oggetto" class="select">Oggetto:</label>
                        <select name="select-choice-oggetto" id="select-choice-oggetto" data-native-menu="false">
                            <option>Descrizione</option>
                            <option value="CC">oggetto11</option>
                            <option value="PR">oggetto21</option>
                            <option value="AU">oggetto31</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="dtInizio">Data e ora inizio:</label>
                        <input name="dtInizio" type="text" data-role="datebox" id="dtInizio" data-options='{"mode": "slidebox", "dateFormat":"DD-MM-YYYY GG:ii", "fieldsOrderOverride":["y","m","d","h","i"]}' />
                    </div>

                    <div data-role="fieldcontain">
                        <label for="dtFine">Data e ora fine:</label>
                        <input name="dtFine" type="text" data-role="datebox" id="dtFine" data-options='{"mode": "slidebox", "dateFormat":"DD-MM-YYYY GG:ii", "fieldsOrderOverride":["y","m","d","h","i"]}' />
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-regolamento" class="select">Regolamento:</label>
                        <select name="select-choice-regolamento" id="select-choice-regolamento" data-native-menu="false">
                            <option>Descrizione</option>
                            <option value="CC">regolamento1</option>
                            <option value="PR">regolamento2</option>
                            <option value="AU">regolamento3</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-mezzo" class="select">Mezzo:</label>
                        <select name="select-choice-mezzo" id="select-choice-mezzo" data-native-menu="false">
                            <option>Descrizione</option>
                            <option value="CC">mezzo11</option>
                            <option value="PR">mezzo21</option>
                            <option value="AU">mezzo31</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-motivazione" class="select">Motivazione:</label>
                        <select name="select-choice-motivazione" id="select-choice-motivazione" data-native-menu="false">
                            <option>Descrizione</option>
                            <option value="CC">motivazione1</option>
                            <option value="PR">motivazione2</option>
                            <option value="AU">motivazione3</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="descrizione">Targa:</label>
                        <input type="text" name="targa" id="targa" value=""/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="descrizione">Intestatario:</label>
                        <input type="text" name="intestatario" id="intestatario" value=""/>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="select-choice-progetto" class="select">Progetto:</label>
                        <select name="select-choice-progetto" id="select-choice-progetto" data-native-menu="false">
                            <option>Descrizione</option>
                            <option value="CC">progetto1</option>
                            <option value="PR">progetto2</option>
                            <option value="AU">progetto3</option>
                        </select>
                    </div>

                    <div class="ui-body ui-body-b">
                        <fieldset class="ui-grid-a">
                            <div class="ui-block-a">
                                <button type="submit" data-theme="d">Cancel</button>
                            </div>
                            <div class="ui-block-b">
                                <button type="submit" data-theme="a">Submit</button>
                            </div>
                        </fieldset>
                    </div>
                </form>
            </div>
            <!--/content-primary -->

            <div data-role="footer" class="footer-docs">
                <p>&copy; 2011 The uGOV Mobile Project</p>
            </div>

        </div>
    </div>
<!-- /page -->

</body>
</html>